<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>首页-Digitallab</title>
    <link rel="icon" href="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/cropped-LOGO-32x32.png" sizes="32x32">
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- animate.css -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 页面独立的 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />
</head>

<body>
    <!-- 导航 -->
    <div id="headers">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand logo" href="#"><img
                                src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/LOGO.png"
                                alt="" /></a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="./home.html">首页</a></li>
                            <li><a href="./about.html">关于</a></li>
                            <li><a href="./services.html">服务</a></li>
                            <li><a href="./blog.html">博客</a></li>
                            <li><a href="./conract.html">联系</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </div><!-- /.container-fluid -->
        </nav>
    </div>
    <!-- 首页 -->
    <div id="home">
        <div class="top">
            <div class="top1">
                <div class="title">
                    <h1>建立奥迪安斯并发展<br/>
                        您的品牌</h1>
                </div>
                <div class="text">
                    <p>我们精通各种数字工具。</p>
                </div>
                <div class="more">
                    <a href="#">发现更多</a>
                </div>
                <div class="work">
                    <div class="works">
                        <div class="num">
                            350
                        </div>
                        <div class="name">
                            工人
                        </div>
                    </div>
                    <div class="works">
                        <div class="num">
                            25K
                        </div>
                        <div class="name">
                            项目
                        </div>
                    </div>
                    <div class="works">
                        <div class="num">
                            5
                        </div>
                        <div class="name">
                            办事处
                        </div>
                    </div>
                </div>
                <div class="to1">
                    <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/MicrosoftTeams-image-7.png" alt=""/>
                </div>
                <div class="to2"></div>
                <div class="to3"></div>
            </div>
            <div class="bg">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-3.png" alt=""/>
            </div>
        </div>
        <div class="middle">
            <div class="title">
                <h1>服务业</h1>
            </div>
            <div class="title1">
                <span class="sp1"></span>
                <svg t="1664097993075" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1826" width="20" height="20"><path d="M509.056 160a357.546667 357.546667 0 0 1 260.202667 111.872c116.906667-4.842667 197.866667 20.394667 218.965333 81.642667 17.002667 49.386667-13.184 106.453333-76.117333 162.581333l-9.429334 8.213333c-9.685333 8.192-20.053333 16.362667-31.04 24.469334l-5.674666 4.117333c-17.28 181.888-170.474667 324.181333-356.906667 324.181333-102.336 0-194.666667-42.88-259.989333-111.637333l-7.466667 0.277333c-111.573333 3.093333-191.765333-23.082667-212.074667-82.090666C8.96 624 54.165333 556.437333 144.213333 490.026667l7.893334-5.717334C169.386667 302.336 322.56 160 509.077333 160z m283.093333 440.106667l-14.293333 8.042666-14.101333 7.616-14.442667 7.530667-14.762667 7.424-15.104 7.338667-15.381333 7.232-15.722667 7.104-7.957333 3.52-20.202667 8.64-20.650666 8.448-16.810667 6.613333-17.066667 6.442667-8.597333 3.178666-17.429333 6.229334-8.789334 3.050666-17.6 5.952-17.514666 5.674667-17.429334 5.418667-17.301333 5.141333-25.749333 7.210667-21.205334 5.546666-20.949333 5.12-16.597333 3.797334-16.405334 3.498666-16.213333 3.242667-16 2.944-19.712 3.306667-11.861333 1.770666a293.205333 293.205333 0 0 0 172.757333 55.936c134.357333 0 247.701333-89.962667 283.093333-212.949333zM153.386667 564.373333l-0.789334 0.682667c-48.170667 41.301333-69.610667 77.333333-62.592 97.749333 6.144 17.813333 30.762667 29.845333 68.778667 35.541334l9.386667 1.258666c6.4 0.746667 13.162667 1.322667 20.224 1.749334l12.458666 0.554666a356.224 356.224 0 0 1-47.466666-137.536zM509.013333 224c-162.666667 0-294.528 131.861333-294.528 294.549333 0 68.117333 23.125333 130.837333 61.952 180.736l3.477334-0.32 13.845333-1.408 14.165333-1.664 14.506667-1.941333 14.784-2.218667 18.88-3.136 19.306667-3.541333 23.68-4.842667 16.085333-3.562666 24.490667-5.866667 16.576-4.266667 16.746666-4.544 16.874667-4.821333 8.512-2.517333 17.088-5.248 17.216-5.546667 17.301333-5.824 17.237334-6.058667c5.696-2.048 11.349333-4.138667 16.96-6.229333l16.725333-6.4 8.234667-3.242667 16.277333-6.613333 16-6.698667 15.68-6.848 19.136-8.704 18.624-8.853333 7.317333-3.562667 14.336-7.210666 13.973334-7.253334 13.589333-7.317333 13.226667-7.338667 12.8-7.402666 6.250666-3.690667 12.202667-7.402667 11.776-7.402666 3.242667-2.133334C803.114667 355.413333 671.424 224 509.056 224z m308.608 111.829333l3.136 5.461334a356.181333 356.181333 0 0 1 43.946667 131.861333l9.173333-7.850667 3.925334-3.498666 7.445333-6.933334c33.429333-32.064 49.301333-60.586667 42.453333-80.512-7.104-20.608-46.506667-35.712-110.08-38.528z" fill="#cb3235" p-id="1827"></path></svg>
                <span class="sp2"></span>
            </div>
            <div class="bg">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/MicrosoftTeams-image-8.png" alt=""/>
            </div>
            <div class="mi1">
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/icon-park-solid_graphic-stitching-three.png" alt=""/>
                    </div>
                    <div class="name">
                        平面设计
                    </div>
                    <div class="text">
                        <p>与普遍的看法相反，洛雷姆·伊普苏姆不仅仅是随机文本。</p>
                    </div>
                </div>
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/logos_google-marketing-platform.png" alt=""/>
                    </div>
                    <div class="name">
                        营销
                    </div>
                    <div class="text">
                        <p>与普遍的看法相反，洛雷姆·伊普苏姆不仅仅是随机文本。</p>
                    </div>
                </div>
            </div>
            <div class="mi1">
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Vector-5.png" alt=""/>
                    </div>
                    <div class="name">
                        网站开发
                    </div>
                    <div class="text">
                        <p>与普遍的看法相反，洛雷姆·伊普苏姆不仅仅是随机文本。</p>
                    </div>
                </div>
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/ic_baseline-support.png" alt=""/>
                    </div>
                    <div class="name">
                        维护保养
                    </div>
                    <div class="text">
                        <p>与普遍的看法相反，洛雷姆·伊普苏姆不仅仅是随机文本。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="letter">
            <div class="title">
                <h1>订阅我们的时事通讯</h1>
            </div>
            <div class="text">
                洛雷姆伊普苏姆的段落有许多变体，但大多数都遭受了改变以某种形式，通过注入幽默。
            </div>
            <div class="peach">
                <input type="text" placeholder="输入您的邮箱">
                <button type="submit">订阅</button>
            </div>
            <div class="to1">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/MicrosoftTeams-image-7.png" alt=""/>
            </div>
        </div>
        <div class="skills">
            <div class="title">
                <h1>我们的公司技能</h1>
            </div>
            <div class="text11">
                一个长期确立的事实是，读者在查看页面布局时会被页面的可读内容分散注意力。
            </div>
            <div class="mi1">
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-12.png" alt=""/>
                    </div>
                    <div class="name">
                        最新技术
                    </div>
                    <div class="text">
                        <p>如果你打算使用洛雷姆·伊普苏姆的段落，你需要确保没有任何令人尴尬的隐藏。</p>
                    </div>
                </div>
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-13.png" alt=""/>
                    </div>
                    <div class="name">
                        高性能
                    </div>
                    <div class="text">
                        <p>如果你打算使用洛雷姆·伊普苏姆的段落，你需要确保没有任何令人尴尬的隐藏。</p>
                    </div>
                </div>
            </div>
            <div class="bg">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/skills-background.png" alt=""/>
            </div>
            <div class="mi1">
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-14.png" alt=""/>
                    </div>
                    <div class="name">
                        24x7 客户支持
                    </div>
                    <div class="text">
                        <p>如果你打算使用洛雷姆·伊普苏姆的段落，你需要确保没有任何令人尴尬的隐藏。</p>
                    </div>
                </div>
                <div class="mi1-t">
                    <div class="img">
                        <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-15.png" alt=""/>
                    </div>
                    <div class="name">
                        敬业的员工
                    </div>
                    <div class="text">
                        <p>如果你打算使用洛雷姆·伊普苏姆的段落，你需要确保没有任何令人尴尬的隐藏。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="solution">
            <div class="bg">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/digital-why-choose-us.png" alt=""/>
            </div>
            <div class="solu-mi">
                <div class="title">
                    <h1>我们总是解决得更好<br/>
                        数字营销解决方案</h1>
                </div>
                <div class="text">
                    <p>洛雷姆·伊普苏姆（Lorem Ipsum）的段落有许多变体，但大多数都遭受了某种形式的改变，通过注入的幽默，或者看起来甚至有点不可信的随机单词。如果你要使用Lorem Ipsum的一段话，你需要确保文本中隐藏着任何令人尴尬的东西。</p>
                </div>
                <div class="more">
                    <a href="#">更多</a>
                </div>
            </div>
            <div class="solu-bo">
                <div class="title">
                    <h1>您可以看到我们的客户<br/>
                        反馈</h1>
                </div>
                <div class="text">
                    <p>洛雷姆·伊普苏姆的段落有许多变体，但大多数都因注入幽默而以某种形式发生了变化。尴尬隐藏在文本中间。</p>
                </div>
            </div>
            <div class="over">
                <div class="box">
                    <div class="item">
                        <div class="item-top">
                            洛雷姆·伊普苏姆的段落有许多变体，但大多数都以某种形式发生了变化。
                        </div>
                        <div class="item-bottom">
                            <div class="tx">
                                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/t1.png" alt=""/>
                            </div>
                            <div class="xx">
                                <div class="name">朱洪多伊</div>
                                <span>市场主管</span>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="item-top">
                            洛雷姆·伊普苏姆的段落有许多变体，但大多数都以某种形式发生了变化。
                        </div>
                        <div class="item-bottom">
                            <div class="tx">
                                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/t4.png" alt=""/>
                            </div>
                            <div class="xx">
                                <div class="name">约翰·皮塔申</div>
                                <span>CEO</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg1">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/Rectangle-22.png" alt=""/>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="top">
            <div class="logo">
                <img src="https://staging2.webdesigntexas.us/digitallab-wordpress/wp-content/uploads/2022/06/LOGO.png" alt=""/>
            </div>
            <div class="text">
                洛雷姆·伊普苏姆·多洛尔坐拥，一致同意精英。Ut elit tellus， luctus nec ullamcorper mattis， pulvinar dapibus leo.
            </div>
        </div>
        <div class="bottom1">
            <div class="one">
                <div class="title">
                    重要链接
                </div>
                <div class="bottom">
                    <p><a href="./home.html">首页</a></p>
                    <p><a href="./about.html">关于我们</a></p>
                    <p><a href="./services.html">服务</a></p>
                    <p><a href="./blog.html">博客</a></p>
                    <p><a href="./conract.html">联系我们</a></p>
                </div>
            </div>
            <div class="one">
                <div class="title">
                    特色服务
                </div>
                <div class="bottom">
                    <p><a href="#">战略与研究</a></p>
                    <p><a href="#">网站设计</a></p>
                    <p><a href="#">研究与开发</a></p>
                    <p><a href="#">营销分析</a></p>
                </div>
            </div>
            <div class="contact">
                <div class="title">
                    联系我们
                </div>
                <div class="lx">
                    <div class="icon">
                        <svg t="1664042809195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3489" width="22" height="22"><path d="M511.913993 63.989249C317.882076 63.989249 159.973123 221.898203 159.973123 415.930119c0 187.323366 315.473879 519.998656 328.890979 534.103813 6.020494 6.364522 14.449185 9.976818 23.221905 9.976818 0.172014 0 0.516042 0 0.688056 0 8.944734 0 17.545439-4.128339 23.393919-11.008903l109.22896-125.054258c145.179909-177.690576 218.629934-314.957836 218.629934-407.845456C864.026877 221.898203 706.117924 63.989249 511.913993 63.989249zM511.913993 575.903242c-88.415253 0-159.973123-71.55787-159.973123-159.973123s71.55787-159.973123 159.973123-159.973123 159.973123 71.55787 159.973123 159.973123S600.329246 575.903242 511.913993 575.903242z" p-id="3490" fill="#cb3235"></path></svg>
                    </div>
                    <div class="text">
                        111国王街，墨尔本LIC 33333，道尔斯
                    </div>
                </div>
                <div class="lx">
                    <div class="icon">
                        <svg t="1664042893780" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4718" width="22" height="22"><path d="M282.4 460C344 580.8 443.2 680 564 741.6L657.6 648c11.2-11.2 28.8-15.2 43.2-10.4 48 16 100 24 152.8 24 23.2 0 42.4 19.2 42.4 42.4v148.8c0 23.2-19.2 42.4-42.4 42.4C452.8 896 128 571.2 128 170.4c0-23.2 19.2-42.4 42.4-42.4H320c23.2 0 42.4 18.4 42.4 41.6 0 53.6 8.8 104.8 24 152.8 4.8 15.2 1.6 31.2-10.4 43.2L282.4 460z" p-id="4719" fill="#cb3235"></path></svg>
                    </div>
                    <div class="text">
                        +1 (888) 123-7777
                    </div>
                </div>
                <div class="lx">
                    <div class="icon">
                        <svg t="1664042960885" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5827" width="22" height="22"><path d="M512 481.28L940.373333 158.72c-13.653333-6.826667-29.013333-11.946667-44.373333-11.946667h-768c-15.36 0-29.013333 3.413333-42.666667 10.24l426.666667 324.266667z" fill="#cb3235" p-id="5828"></path><path d="M527.36 532.48c-5.12 3.413333-10.24 5.12-15.36 5.12-5.12 0-10.24-1.706667-15.36-5.12L47.786667 192.853333c-8.533333 13.653333-13.653333 30.72-13.653334 47.786667v542.72c0 51.2 42.666667 93.866667 93.866667 93.866667h768c51.2 0 93.866667-42.666667 93.866667-93.866667V240.64c0-17.066667-5.12-32.426667-11.946667-46.08L527.36 532.48z" fill="#cb3235" p-id="5829"></path></svg>
                    </div>
                    <div class="text">
                        info@admin.com
                    </div>
                </div>
            </div>
        </div>
        <div class="rows">
        </div>
        <div class="number">
            <p>
                @版权所有数字实验室2022。
            </p>
        </div>
    </div>

</body>

</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!--  .js -->
<script src="./assets/js/ .min.repeat.js"></script>